<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
    <!--表单标签-->
    <form action="http://www.baidu.com" method="get">
        
        <!--文本框
            placeholder 占位文本
            value 是可以设置默认值的
        -->
        <input type="text" placeholder="请输入您的名字..." value="光头强" name="username"> <br>

        <!--密码框-->
        <input type="password" placeholder="请输入您的密码..."  value="123456" name="pwd"> <br>

        <!--单选框-->
        性别：<input type="radio" name="sex" value="man">男 <br>
            <input type="radio" name="sex" value="women">女 <br>
        <!--复选框-->
        爱好：
        <input type="checkbox" name="hobby" value="ft">踢足球
        <input type="checkbox" name="hobby" value="pp">乒乓球
        <input type="checkbox" name="hobby" value="pp">打篮球

        生日：<input type="datetime-local" name="birthday"> <br>

        <!--type： file ，如果要上传多个资源，需要添加 multiple 属性-->
        上传文件： <input type="file" name="file" multiple> <br>


        <!--下拉选-->
        <select name="city" >
            <option >请选择...</option>
            <option value="beijing">北京</option>
            <option value="tianjin">天津</option>
            <option value="shenzhen">深圳</option>
        </select>
        <br>
        <!--重置按钮-->
        <input type="reset" >

        <!--提交按钮-->
        <input type="submit" >

        <!--普通按钮-->
        <input type="button" value="这是一个普通按钮">  <br>

        <button type="button">这也是一个普通按钮</button>
        <button type="reset">这也是一个重置按钮</button>
        <button type="submit">这也是一个提交按钮</button>
    </form>


</body>
</html>